.header {
    position: relative;
    margin: 0 auto;
    width: 1210px;
    height: 75px;
    >a {
        float: left;
        margin: {
            top: 10px;
        }
    }
    >.logo_title {
        float: left;
        font-size: 24px;
        color: #666666;
        margin: {
            left:20px;
            top: 34px;
        }
    }
    >.have_content {
        position: absolute;
        right: 0;
        bottom: 0;
        font-size: 16px;
        color: #999999;
        >a {
            color: #EE2222;
        }
    }
}
.container{
    margin: 100px auto;
    width: 1210px;
    height: 406px;
    // background: pink;
    .bigbox{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 400px;
        height: 406px;
        margin: {
            left: 405px;
        }
        .progress {
            display: flex;
            justify-content: space-between;
            width: 400px;
            height: 54px;
            font-size: 12px;
            >div {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                width: 60px;
                height: 54px;
                text-align: center;
                span{
                    align-self: center;
                    width: 24px;
                    height: 24px;
                    border-radius: 50%;
                    text-align: center;
                    line-height: 24px;
                    color:#333333;
                    border: 1px solid   #333333;   
                }
            }
            >div:nth-child(2){
                width: 80px;
            }   
            >div:nth-child(1){
                span {
                    border: none;
                    color: #ffffff;
                    background: green;
                }
            }    
        }

        .sel_country {    
            position: relative;         
            width: 400px;
            height: 52px;           
            input {
                @extend .sel_country;
                box-sizing: border-box;
                padding:16px 80px 11px 148px;
                font-size: 12px;
                color: #333333;
                outline: none;
            }
            .sel {
                position: absolute;
                left: 20px;
                top: 0;
                width: 108px;
                height: 52px;
                font: 14px/52px "微软雅黑";
            }
            p { 
                display: none;
                position: absolute;
                bottom: -20px;
                font-size: 14px;
                color: red;
            }
        }

        .slide {
            width: 400px;
            height: 54px;
            text-align: center;
            font: 14px/54px "微软雅黑";
            color: #333333;
            border: 1px solid #666666;
        }

        #next_step1 {
            width: 400px;
            height: 54px;
            text-align: center;
            font: 16px/54px "微软雅黑";
            color: #ffffff;
            background: #e2231a;
        }       
    }  
}
.container1 {
    display: none;
    margin: 100px auto;
    width: 1210px;
    height: 406px;
    .bigbox{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 400px;
        height: 406px;
        margin: {
            left: 405px;
        }
        .progress {
            display: flex;
            justify-content: space-between;
            width: 400px;
            height: 54px;
            font-size: 12px;
            >div {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                width: 60px;
                height: 54px;
                text-align: center;
                span {
                    align-self: center;
                    width: 24px;
                    height: 24px;
                    border-radius: 50%;
                    text-align: center;
                    line-height: 24px;
                    color: #333333;
                    border: 1px solid   #333333;     
                }
            }
            >div:nth-child(2){
                width: 80px;
            }
            >div:nth-child(2){
                span {
                    border: none;
                    color: #ffffff;
                    background: green;
                }
            }  
        }

        .box{
            width: 200px;
            padding:20px;
            margin:50px auto;
            border: 1px solid #333333;
            legend{
                padding: 0 20px;
                font-size: 20px;
            }
            input{
                outline: none;
                width: 190px;
                height: 25px;
                padding-left:10px;
                border: 1px solid #333333;
            }
           .tip{
                color:#666666;
            } 
            .btn{
                display: inline-block;
                color:black;
                text-decoration: none;
                width: 95px;
                margin-top:10px;
                padding:0;
                text-align: center;
                height: 30px;
                line-height: 30px;
                background-color: #333333;
                
            }
            a {
                @extend .btn;
                margin-left:7px; 
                color:black;
            }
        }      

        #next_step2 {
            width: 400px;
            height: 54px;
            text-align: center;
            font: 16px/54px "微软雅黑";
            color: #ffffff;
            background: #e2231a;
        } 
    }
}

.container2 {
    display: none;
    margin: 100px auto;
    width: 1210px;
    height: 406px;
    .bigbox{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 400px;
        height: 406px;
        margin: {
            left: 405px;
        }
        .progress {
            display: flex;
            justify-content: space-between;
            width: 400px;
            height: 54px;
            font-size: 12px;
            >div {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                width: 60px;
                height: 54px;
                text-align: center;
                span {
                    align-self: center;
                    width: 24px;
                    height: 24px;
                    border-radius: 50%;
                    text-align: center;
                    line-height: 24px;
                    color: #333333;
                    border: 1px solid   #333333;     
                }
            }
            >div:nth-child(2){
                width: 80px;
            }
            >div:nth-child(3){
                span {
                    border: none;
                    color: #ffffff;
                    background: green;
                }
            }  
        }
        p {
            height: 240px;
            font: 40px/240xpx "微软雅黑";
            text-align: center;
        }
    }
}